body {
    /* background-color: #ee3f4d; */
    /* background: rgb(107, 208, 84); */
    background: url(../imgs/bg.jpg);
    background-size: 100% 100%;
}

#main {
    width: 80%;
    height: 1500px;
    /* background-color: rgb(221, 31, 31); */
    margin: 0 auto;
    border-radius: 5%;
}

.mai1 {
    width: 100%;
    height: 200px;
    /* background-color: rgb(31, 37, 221); */
    border-radius: 0 5% 0 0 ;
}

.mai2 {
    width: 60%;
    height: 400px;
    background-color: rgba(255, 253, 252, 0.80);
    float: left;
    border-radius: 5% 0 0 0 ;
}

.mai2 h1 {
    display: block;
    position: relative;
    left: 20px;
    font-family: '微软雅黑', sans-serif;

}

.mai2 p {
    font-size: 19px;
    text-indent: 2em;
    font-family: '微软雅黑', sans-serif;
    
}

.mai3 {
    width: 40%;
    height: 400px;
    float: left;
    /* margin-left: 5%; */
    background: url(../imgs/author.jpg);
    background-size: 100% 100%;
}

.mai4 {
    width: 100%;
    height: 800px;
    /* background-color: #ee3f4d; */
    background-color: rgba(255, 253, 252, 0.8);
    float: left;
    border-radius:  0 0 3% 0 ;

}

.mai4 h1 {
    display: block;
    position: relative;
    left: 20px;
    font-family: '微软雅黑', sans-serif;

}

.mai4 p {
    font-size: 19px;
    text-indent: 2em;
    font-family: '微软雅黑', sans-serif;

}
/* 尾部 */
.footer {
    width: 100%;
    height: 150px;
    margin: 0 auto;
    /* margin-left: 10%; */
    background-color:#000000;
    float: left;
}

.footer_logo {
    width: 150px;
    height: 150px;
    background: url(../imgs/footerlogo.png) no-repeat;
    background-size: 100% 100%;
    float: left;
    margin-left: 10%;
}

.footer p {
    font-size: 20px;
    color: white;
    font-family: '宋体';
    position: relative;
    top: 35%;
    left: 20%;
}

.tel,
.wechat,
.e-mail {
    width: 50px;
    height: 50px;
    background-color: rgb(224, 221, 20);
    float: left;
    position: relative;
    left: 50%;
    margin-left: 2%;
}

.tel {
    background: url(../imgs/tel.png) no-repeat;
    background-size: 100% 100%;
}



.wechat {
    background: url(../imgs/wethat.png) no-repeat;
    background-size: 100% 100%;
}

.e-mail {
    background: url(../imgs/e-mail.png) no-repeat;
    background-size: 100% 100%;
}


.my {
    width: 100%;
    height: 100%;
    background: url(../imgs/my.jpg) no-repeat;
    background-size: 100% 100%;
    opacity: 0;
    transition-property: all;
    transition-timing-function: ease-in;
    transition-duration: 1s;
}


.back{
    position: fixed;
    width: 50px;
    height: 50px;
    /* background: red; */
    right: 30px;
    bottom: 100px;
    display: none;
    z-index: 2000;
    background: url(../imgs/black.png);
    background-size: 100% 100%;
}
